@import '../_mobile_config.scss';
@media screen and (min-width: 769px) {
    .app-mobile-head {
        display: none;
    }
}

@media screen and (max-width: 768px) {
/*     .app-mobile-head {
    margin: 15px 0;
    margin: 4vw 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 26px;
    height: 7vw;

    .left, .center, .right{
        height: 100%;
    }

    .left, .right{
      width: 75px;
      width: 20vw;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
    }

    .left{
        padding-left: 5px;
        padding-left: 1.33vw;

        img{
          width: 130%;
        }

        a{
            display: flex;
            flex-flow: row nowrap;
            align-items: center;
        }

        .icon-arrow-left{
          font-size: 30px;
        }
    }

    .right{
        padding-right: 5px;
        padding-right: 1.33vw;
        justify-content: center;
        #contact-mask{
            font-size: 27px;
            font-size: 7.33vw;
            height: 100%;
            color: #999999;
        }
        .result{
            font-size: 10px;
            font-size: 2.66vw;
        }
        .contact-mask{
          width: 100%;
          width: 100vw;
          height: 100%;
          background-color: rgba(0,0,0,0.70);
          position: fixed;
          top: 0;
          left: 0;
          z-index: 1000;
          display: flex;
          flex-flow: column nowrap;
          align-items: center;
          justify-content: center;
          a{
            display: flex;
            flex-flow: column nowrap;
            align-items: center;

            &:first-child{
              margin-bottom: 25px;
              margin-bottom: 6.66vw;
            }
            span{
              color: #fff;
            }
          }

          img{
            width: 80px;
            width: 21.33vw;
            height: 80px;
            height: 21.33vw;
            margin-bottom: 15px;
            margin-bottom: 4vw;
          }
        }
    }

    .center{
        width: 220px;
        width: 60vw;

        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;

        h1{
            margin: 0;
            font-size: 18px;
            font-size: 4.8vw;
        }

        &.not-home{
          margin-left: -6.66vw;
        }
    }

    .left{
      margin-right: 25px;
      margin-right: 6.66vw;
    }
} */

  .app-mobile-head {
    padding: 10px 15px;
    padding: 2.66vw 4vw;

    display: flex;
    align-items: center;

    .left{
      flex: 3;
      height: 35px;
      height: 9.33vw;
      display: flex;
      align-items: center;
    }

    .center{
      flex: 7;
      height: 35px;
      height: 9.33vw;
      display: flex;
      align-items: center;
      justify-content: center;

      h1{
          margin: 0;
          font-size: 18px;
          font-size: 4.8vw;
      }
    }

    .right {
      display: none;
    }


    &.other-case{
      .left{
        flex: 1;
        i{
          font-size: 20px;
          font-size: 5.33vw;
        }
      }
      .center{
        flex: 8
      }
      .right {
        display: inherit;
        flex: 1;
        height: 35px;
        height: 9.33vw;
      }
    }
  }
}
